﻿
    *{margin: 0 auto;font-family: '微软雅黑';}
    .top{width: 100%;height: 70px;background: #666666;}
    .content{width: 100%;height: auto;overflow: hidden;margin-top: 10px;background: #333;}
    .jz{width: 310px;float: left;margin-left: 10px;background: #fff; }
    .jz1{line-height: 30px;text-align: left;}
    .jzcz{width: 90px;float: left; margin-left: 10px;  }
    .product{float: left; margin-left: 10px;  }
    .splist{width: 310px;height: 330px;}
    .splist a{display: block; width: 310px;height: 60px;border: 1px #ddd solid;margin-top: 10px;}
    .splist a img{ width: 60px;height: 60px;float: left;}
     .splist a .sp_l_info{ width: 240px;height: 60px;float: right;}
      .splist a .sp_l_info .sp_t{ width: 240px;height: 30px;line-height: 30px;}
       .splist a .sp_l_info .sp_t label{ line-height: 30px;font-size: 12px;}
       .spl_l{ float: left;color: #ff6666;}
         .spl_r{ float: right;color: #ff6666;margin-right: 20px;}

    .jsbtn{bottom: 0px;height: 70px;width: 310px;}
    .jsbtn div{background: #ff6666;height: 70px;width: 50%;float: left;line-height: 70px;text-align: center;font-weight: bold;font-size: 20px;color: #fff;}
    .jsbtn div:hover{background: #cc3333;}
    .jeinfo{width: 100%;height: 120px;}
    .jeinfo div{width: 100%;height: 30px;line-height: 30px;}
    .jeinfo div .l{float: left;}
    .jeinfo div .r{float: right;font-weight: bold;}
    .jeinfo a{float: left;width: 30px;height: 25px;line-height: 25px; text-align: center;display: block;margin-left:130px;margin-top: 3px;background: #ff9933;color: #ffffff;border-radius:5px;font-size: 12px;}
    .jzcz div{width: 90px;height: 50px;margin-top: 10px;background: #fff;text-align: center;line-height: 50px;font-size: 18px;}
    .pro_sort{width: 100%;height: 50px;}

     .swiper-container {
        width: 100%;
        height: 50px;
        margin: 10px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        cursor: pointer;
        line-height: 50px;height: 50px;
      
    }
    .pro_lst{width: 100%;height: auto;overflow: hidden;
    }
    .pro_lst a{ width: 250px;height: 80px;float: left;margin: 10px;display: block;background: #ffffff; }
      .pro_lst a img{width: 80px;height: 80px;float: left;}
      .pro_lst a .r{width: 165px;height: 80px;float: right;font-size: 12px;}
      .pro_name{width: 100%;height: 50px;line-height: 20px;font-size: 13px;}
      .pro_info{width: 100%;height: 30px;line-height: 30px;}
      .pro_info label{float: right;}
      .pro_info div{margin-left: 10px; width: 30px;height: 20px;border-radius: 6px;margin-top: 5px; float: right;
                    background: #ff6666;line-height: 20px;color: #fff;text-align: center;}

      .mbds{display: none;width: 100%;top: 0px;left: 0px;background-image: url(/images/bg1.png); height: 100%;position: fixed;z-index: 100;}
      .czmb{ width: 800px;height: 440px;position: fixed;z-index: 101;left: 50%;top: 50%;background-color: #fff;margin-left: -400px;margin-top: -220px;}
      .czmb iframe{ width: 100%;height: 100%;border: none;}

      .shuliang{display: none; width: 400px;height: 200px;position: fixed;z-index: 101;left: 50%;top: 50%;background-color: #fff;
                 margin-left: -200px;margin-top: -100px;}

.gbh{ width: 100%;height: 30px;background-color: #333;}
.gbmb{cursor: pointer; width: 25px;height: 25px;text-align: center;font-size: 25px; float: right;color: #fff;background-color: #333;line-height: 25px;}
.botton{cursor: pointer; height: 30px;display: block;width: auto;float: left; background-color: #11B6B6;text-align: center;line-height: 30px;padding: 0 10px;color: #ffffff;margin-right: 50px;}




























































































